<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>列表组--基础列表组</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<!--
基础列表组，看上去就是去掉了列表符号的列表项，并且配上一些特定的样式。在Bootstrap框架中的基础列表组主要包括两个部分:

  ☑  list-group：列表组容器，常用的是ul元素，当然也可以是ol或者div元素
  ☑  list-group-item：列表项，常用的是li元素，当然也可以是div元素
  
来看一个简单的示例：
-->
<body>
<ul class="list-group">
  <li class="list-group-item">揭开CSS3的面纱</li>
	<li class="list-group-item">CSS3选择器</li>
	<li class="list-group-item">CSS3边框</li>
	<li class="list-group-item">CSS3背景</li>
	<li class="list-group-item">CSS3文本</li>
</ul>
<ol class="list-group">
  <li class="list-group-item">揭开CSS3的面纱</li>
	<li class="list-group-item">CSS3选择器</li>
	<li class="list-group-item">CSS3边框</li>
	<li class="list-group-item">CSS3背景</li>
	<li class="list-group-item">CSS3文本</li>
</ol>
<div class="list-group">
  <div class="list-group-item">揭开CSS3的面纱</div>
	<div class="list-group-item">CSS3选择器</div>
	<div class="list-group-item">CSS3边框</div>
	<div class="list-group-item">CSS3背景</div>
	<div class="list-group-item">CSS3文本</div>
</div>
<br/>
<br/>
<!--下面是代码任务部分-->
<h2>代码任务部分</h2>


  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
</body>
</html>